<div class="navbar">
    <ul>
        <li><a [routerLink]="['']" [routerLinkActiveOptions]="{exact: true}" routerLinkActive="active">Home</a></li>
        <li><a [routerLink]="['about']" routerLinkActive="active">About</a></li>
        <li><a [routerLink]="['blog']" routerLinkActive="active">Blog</a></li>        
    </ul>
</div>